<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>供应审核详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../style/index.css">
</head>

<body>
    <div id="app" v-cloak class="minWidth" style="padding: 15px;">
        <div style="margin-bottom: 10px; display:flex; gap:10px;">
            <el-button type="danger" @click="window.history.back()">返回</el-button>
            <el-button type="primary" @click="reload">刷新</el-button>
        </div>

        <el-card shadow="never">
            <div slot="header" class="clearfix">
                <span>详情</span>
            </div>
            <el-descriptions :column="1" border size="small">
                <el-descriptions-item>
                    <template slot="label">所属企业</template>
                    <span>{{ enterpriseName || row.Enterprise_Info_SerialNumber }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">商品名称</template>
                    <span>{{ articleName || row.Article_SerialNumber }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">单价(元)</template>
                    <span>{{ row.Unit_Price }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">单位</template>
                    <span>{{ unitName || row.Article_Unit_SerialNumber }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">供应总量</template>
                    <span>{{ row.Total_Quantity }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">起步量</template>
                    <span>{{ row.Start_Quantity }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">步长</template>
                    <span>{{ row.Unit_Quantity }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">联系人</template>
                    <span>{{ row.Contacts }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">联系电话</template>
                    <span>{{ row.Contacts_Phone }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">发货地址</template>
                    <span>{{ row.Detailed_Address }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">补充条款</template>
                    <span>{{ row.Supplementary_Provisions }}</span>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">补充说明</template>
                    <span>{{ row.Supplementary_Explanation }}</span>
                </el-descriptions-item>
            </el-descriptions>
            <div v-if="canReview" style="margin-top: 20px; text-align:center;">
                <el-button type="success" :loading="loading" @click="approve">通过</el-button>
                <el-button type="danger" :loading="loading" @click="reject">拒绝</el-button>
            </div>
        </el-card>
        <el-card shadow="never" style="margin-top: 14px;">
            <div slot="header" class="clearfix">
                <span>交易方式</span>
            </div>
            <div style="display:flex;gap:12px;flex-wrap:wrap;padding:4px 6px;">
                <div><b>付款类型：</b><span v-if="tradingNames.length" >
                    <el-tag v-for="(n,i) in tradingNames" :key="i" type="info" size="small" style="margin-right:6px;">{{n}}</el-tag>
                </span><span v-else style="color:#909399;">未选择</span></div>
                <div><b>支付方式：</b><span v-if="paymentNames.length" >
                    <el-tag v-for="(n,i) in paymentNames" :key="i" type="info" size="small" style="margin-right:6px;">{{n}}</el-tag>
                </span><span v-else style="color:#909399;">未选择</span></div>
                <div><b>装运方式：</b><span v-if="shipmentNames.length" >
                    <el-tag v-for="(n,i) in shipmentNames" :key="i" type="info" size="small" style="margin-right:6px;">{{n}}</el-tag>
                </span><span v-else style="color:#909399;">未选择</span></div>
                <div><b>运输方式：</b><span v-if="transportNames.length" >
                    <el-tag v-for="(n,i) in transportNames" :key="i" type="info" size="small" style="margin-right:6px;">{{n}}</el-tag>
                </span><span v-else style="color:#909399;">未选择</span></div>
            </div>
        </el-card>
        <el-card shadow="never" style="margin-top: 14px;">
            <div slot="header" class="clearfix">
                <span>分阶段付款方案</span>
            </div>
            <el-table :data="stagedPayments" stripe border size="small" style="width: 100%">
                <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
                <el-table-column prop="Stage_Name" label="阶段" width="120"></el-table-column>
                <el-table-column prop="Percent" label="金额比（%）" width="140"></el-table-column>
                <el-table-column prop="Pay_Time" label="付款天数(天)" width="220"></el-table-column>
                <el-table-column prop="Remark" label="备注" min-width="240" show-overflow-tooltip></el-table-column>
            </el-table>
            <div v-if="!stagedPayments || stagedPayments.length===0" style="padding: 12px; color: #909399;">暂无分阶段付款方案</div>
        </el-card>
        <el-card shadow="never" style="margin-top: 14px;">
            <div slot="header" class="clearfix">
                <span>拒绝记录</span>
            </div>
            <el-table :data="logs" stripe border size="small" style="width: 100%">
                <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
                <el-table-column prop="Reason" label="原因" min-width="240" show-overflow-tooltip></el-table-column>
                <el-table-column prop="Creater_SerialNumber" label="创建人" width="180"></el-table-column>
                <el-table-column prop="Create_Datetime" label="创建时间" width="200"></el-table-column>
                <el-table-column prop="Operation_ID" label="操作人" width="180"></el-table-column>
                <el-table-column prop="Operation_Datetime" label="操作时间" width="200"></el-table-column>
            </el-table>
            <div v-if="!logs || logs.length===0" style="padding: 12px; color: #909399;">暂无拒绝记录</div>
        </el-card>
    </div>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/http.js"></script>
    <script type="text/javascript" src="js/review_detail.js"></script>
</body>

</html>